<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="less/order.css">
    <script src="js/flexible.js"></script>
</head>

<body>
    <header>
        <a href="javascript:void(0)" id="back">返回</a>
        <a href="javascript:void(0)">全部订单</a>
        <a href="javascript:void(0)">手机查单</a>
    </header>

    <section>
        <div class="order-form">
            <div class="group">
                <i class="group-left"></i>
                <div class="miss">
                    <p>三亚5日4晚半自动游</p>
                    <p>12 - 23至12 - 27</p>
                </div>
                <div class="kui">
                    <span>￥6521</span>
                    <span>未提交</span>
                </div>
            </div>

            <div class="nav-btn">
                <div><a href="">继续预定</a></div>
                <div><a href="">查看行程</a></div>
                <div id="deleteTrip"><a href=""> 取消</a></div>
            </div>
        </div>
        <div class="menu">
            <p> 已显示全部菜单</p>
            <p><a href="">查看一年前订单></a></p>
            <span></span>
        </div>
    </section>

    <footer>
        <div class="order-end">
            <i></i>
            <span class="nav nav_one">
                筛选
            </span>
        </div>
        <div class="order-end">
            <i></i>
            <span class="nav nav_two">
                预定时间
            </span>
        </div>
        <div class="order-end">
            <span class="nav nav_thren">
                有效订单
            </span>
            <i></i>
        </div>


    </footer>

    <script>
        var back = document.querySelector('#back');
        back.onclick = function (e) {
            window.history.back(-1);
            e.prevent();
        }
        
        var deleteTrip = document.querySelector('#deleteTrip');
        deleteTrip.onclick = function () {
            alert('您确定要删除此行程吗？');
        }
    </script>
</body>

</html>